<template>
	<!--
    	作者：1550495493@qq.com
    	时间：2019-07-18
    	描述：门户主题
    -->
	<div id="insitute-menu-style">
		<header class="header">
			<div class="header-boxs">
				<div class="fl logo-box">
					<router-link to='/index'>
						<img class="logo-img" src="../../images/home/logo.png" />
					</router-link>
				</div>
				<div class="header-nav-right fr">
					<div class="mormal-right fr">
						<div class="wkp-right fr">
							<div class="fr" @click="showUl()" @mouseleave="leaveDiv()">
								<div class="user-box">
									<img class="user-img fl" src="../../images/PortalThemes/user.png" id="headImg"/>
									<span class="user-name fr">{{userInfo != null ? userInfo.userName : "游客"}}</span>
								</div>
								<template class="userBox">
									<ul class="user-list">
										<img class="sanjiao" src="../../images/PortalThemes/san.png" />
										<!--<li class="xian" @click="usershowUl()" @mouseleave="userDiv()">
											<a>
												<span class="img-bg"></span>
												<span>信息修改</span>
											</a>
										</li>-->
										<li @click="logOut">
											<a>
												<span class="img-bg4"></span>
												<span>退出登录</span>
											</a>
										</li>
									</ul>
								</template>

							</div>
						</div>

					</div>

				</div>

			</div>
		</header>
		<div class="section-box">
			<!--<div class="message-box">
				<div class="message">
					<img class="message-img fl" src="../../images/ProjectManager/message.png" />
					<span class="fl">您共有10条信息，请及时查看</span>
					<span class="ShutDown fr">X</span>
				</div>

			</div>-->
			<div class="section-nav">
				<div class="workbench-wrapper">
					<div class="workbench-top clearfix">
						<div class="role-area fl">
							<div class="role-portrait">
								<img style="border-radius: 50% " src="../../images/PortalThemes/Personal.png" id="headImgs"  alt="" width="82" height="82">
							</div>
							<h3>{{userInfo != null ? userInfo.userName : "游客"}}</h3>
							<div class="role-switch">
								<button @click="openModal">密码修改</button>
							</div>
						</div>
					</div>
					<div class="workbench-btm clearfix">
						<div class="schedule-area fl">
							<ul class="example ">
								<li :class="[{activeA:fatherIndex==index}]" v-for="(item,index)  in items" :key="item.id" @click="showToggle(index,item)">
									<p>{{item.name}}</p>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="Child-pages fr">
					<router-view/>
				</div>
			</div>
			<!--模态框-->
			<div v-show="modelShow" class="tenant-model">
				<div class="tenant-model-content">
					<header class="tenant-model-header">
						<h3>密码修改</h3>
						<span @click="closeModel" class="closeModel">×</span>
					</header>
					<div class="tenant-model-body">
						<div class="search-contain">
							<!--模态框内容板块-->
							<form id="updatePasswordForm" class="form-box">
								<div class="form-line input-required">
									<label>原密码：</label>
									<div class="input-box">
										<input name="ordPassword" type="password" placeholder="请输入原密码" autocomplete="off">
									</div>
								</div>
								<div class="form-line input-required">
									<label>新密码：</label>
									<div class="input-box">
										<input id="userPassword" name="userPassword" type="password" placeholder="请输入新密码" autocomplete="off">
									</div>
								</div>
								<div class="form-line input-required">
									<label>确认密码：</label>
									<div class="input-box">
										<input name="secondaryUserPassword" type="password" placeholder="请输确认密码" autocomplete="off">
									</div>
								</div>
                <input type="reset" name="reset" style="display: none;" />
							</form>
						</div>
					</div>
					<footer class="tenant-model-footer">
						<button class="determine" @click="defineUpdate">确定</button>
					</footer>
				</div>
			</div>
		</div>
		<!--友情链接-->
		<div class="link-box">
			<div class="link">
				<img class="link-img" src="../../images/PortalThemes/link.png" />
				<span>友情链接：
					<a v-for="portalConfig in portalConfigList" :href="portalConfig.url"> {{portalConfig.name}} |</a>
					<!--<a>建筑设计院</a> |
					<a> 申报与创建</a>|
					<a>文化旅游</a>|
					<a>温泉旅游设计</a>|
					<a>体育旅游规划设计</a>|
					<a>主题公园规划设计</a>|
					<a>乡村振兴规划设计</a>|
					<a>休闲农业规划设计</a>|
					<a>乡村旅游规划设计</a>|
					<a>特色小镇规划设计</a>|
					<a>旅游小镇规划设计</a>
					用户入口：
					<a>旅游规划</a>|
					<a>旅游策划</a>|
					<a>旅游地产</a>|
					<a>全域旅游</a>|
					<a>特色小镇</a>|
					<a>乡村旅游</a>|
					<a>田园综合体</a>|
					<a>温泉规划</a>|
					<a>景区规划</a>|
					<a>旅游小镇</a>|
					<a>主题公园</a>|
					<a>旅游招商</a>|
					<a>旅发网</a>-->
				</span>

			</div>
		</div>
		<div class="footer">
			<p>Copyright© 2005 西南大学新农村发展研究院　All rights reserved. 网站备案号：渝ICP备05000267 站长信箱：ADMIN@CRIC.CN</p>
		</div>
	</div>

</template>
<script src="./PortalThemes.js"></script>

<style scoped>
	@import "PortalThemes.css"
</style>
